import helloWord from "./hello-world";
import imag_1 from './assets/imag-1.png'
import imag_2 from './assets/imag-2.svg'
import imag_3 from './assets/imag-3.jpg'
import example from './assets/example.txt'
import './style.css'
import './text.less'
import Data from './assets/data.xml'
import Notes from './assets/data.csv'
import toml from './assets/data.toml'
import yaml from './assets/data.yaml'
import json5 from './assets/data.json5'

helloWord()

//asset/resource
const img = document.createElement('img')
img.src = imag_1
document.body.appendChild(img)

//asset/inline
const img2 = document.createElement('img')
img2.src = imag_2
document.body.appendChild(img2)

//asset/source
const block = document.createElement('div')
block.textContent = example
//导入图片资源
block.classList.add('block-bg')
document.body.appendChild(block)

//asset/inline
const img3 = document.createElement('img')
img3.src = imag_3
document.body.appendChild(img3)

document.body.classList.add('hello')

const less = document.createElement('div')
less.classList.add('bg')
document.body.appendChild(less)

const icon = document.createElement('span')
icon.classList.add('icon')
icon.innerHTML='&#xf0013'
document.body.appendChild(icon)

console.log(Data)

console.log(Notes)

console.log(toml)

console.log(yaml)

console.log(json5)